Quiet Field color palette — #ECF6E3 · #229C7B · #B74C60 · #5E5200 · #141E09
Brick takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECF6E3): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#229C7B): A luminous, balanced teal — the color of sea glass.
- Brick (#B74C60): A full-bodied, balanced red — the color of a theater curtain.
- Deep Olive (#5E5200): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#141E09): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Field into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Softworn Plum color palette (#EDF5E7, #009D7A, #9D5797, #7F3C1C, #151D0E)
- Softworn Teal color palette (#EBF5EA, #46A6A2, #B07057, #4D673A, #1C261C)
- Mulberry Grove color palette (#E7F6EF, #009AD0, #A53855, #354900, #182300)
- Soft Courtyard color palette (#DDEBE1, #00788A, #AC0029, #413D00, #000D11)
- Softworn Cerulean Alley color palette (#E6FCED, #0091A6, #7863A3, #435C2A, #27372D)
- Cobalt Field color palette (#DAEFE7, #007EB5, #805E00, #004F48, #00150E)
- Indigo Balcony color palette (#F8F2DE, #3CA9D7, #6A5AB5, #4C4900, #2D1B2F)
- Violet Veranda color palette (#ECF5ED, #72C2CD, #895CB6, #00727D, #19080F)
Browse the whole catalog at Explore, or see today's palette.