Cerulean Field color palette — #FDF1F9 · #7BDEDF · #009CBA · #00764C · #003754
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Ice Blue (#7BDEDF): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#009CBA): A luminous, balanced blue — the color of deep harbor water.
- Pine (#00764C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003754): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Dusty Azure color palette (#FEF1F8, #6EDBFF, #0093E5, #00736B, #162C6E)
- Tempered Turquoise Thicket color palette (#FFF4E2, #B2FEFE, #00ADC3, #00755C, #002937)
- Softworn Quarry color palette (#F6F7E4, #21D0D3, #007D87, #00574E, #003A44)
- Emerald Coast color palette (#FFF2EE, #96EBEC, #00BCED, #009F44, #003264)
- Sky Balcony color palette (#FBF2F8, #C5ECFD, #4DB0E3, #258D78, #334964)
- Wandering Terrace color palette (#FAEAF5, #539EB3, #005E8C, #003C35, #000525)
- Gentle Aqua Coast color palette (#E3FFD7, #95F4D5, #00D0F4, #7F7D00, #103F25)
- Tempered Canyon color palette (#E6E1D0, #A2B200, #4B9300, #00622E, #00392C)
Browse the whole catalog at Explore, or see today's palette.