Cerulean Field color palette — #F7F0ED · #C3E7CD · #5395C0 · #1D6E4F · #3A2336
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Celadon Mist (#C3E7CD): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#5395C0): A luminous, balanced blue — the color of open sky before noon.
- Pine (#1D6E4F): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#3A2336): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Antique Delta color palette (#F6F1EC, #C2E9ED, #899ACF, #2C7878, #452E38)
- Antique Cobalt Boulevard color palette (#FAF0E8, #A9D3BE, #4C7DBC, #005D50, #321528)
- Worn Iris color palette (#FFEBFA, #8399F3, #6E7400, #2B682D, #2B1626)
- Stone Bloom color palette (#FFEBFA, #E8D6D2, #F4A8AC, #41839B, #432E3A)
- Aged Aqua Basin color palette (#F1F7F2, #D8E0EC, #66C9EF, #2A948A, #2B4255)
- Antique Lagoon color palette (#EEE1DD, #078A89, #004254, #002106, #000104)
- Muted Cobalt color palette (#F2E6E0, #7BBFD3, #006FB5, #004D3B, #0F1132)
- Aged Ultramarine color palette (#F0E3D8, #63A4CE, #2B4BB9, #003937, #0F0028)
Browse the whole catalog at Explore, or see today's palette.