Cerulean Field color palette — #F4F6EF · #A5CCAA · #008CA4 · #3F7D4C · #27312A
A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Pistachio (#A5CCAA): A luminous, dusty green — the color of new leaves after rain.
- Cerulean (#008CA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#3F7D4C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#27312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Cerulean 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
- Patina Cobalt Garden color palette (#F2F7F1, #7DD3C3, #417FC6, #007F70, #342A35)
- Muted Bronze Lantern color palette (#F7F5EF, #CCC280, #2C907B, #7A6E19, #283123)
- Cerulean Drift color palette (#F3F2EA, #B2CF8C, #4D88B9, #657A4A, #0C1915)
- Soft Nightshade color palette (#D8E2DA, #008690, #2E00B3, #00393E, #0A0007)
- Ancient Celadon color palette (#EEF8F5, #B7E099, #6CA3C6, #7C9669, #252F37)
- Worn Cerulean color palette (#FCF4E8, #6BB9A6, #00859E, #764961, #3F4C3F)
- Lagoon Ridge color palette (#EEFBD9, #7CC8BB, #009197, #00667B, #014D6F)
- Dusty Indigo color palette (#EEF8F1, #4CC0D9, #705FB3, #006B7E, #2F1E27)
Browse the whole catalog at Explore, or see today's palette.