Weathered Cerulean Field color palette — #FBEFE9 · #90D7D2 · #238A9C · #225C39 · #01281C

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Lagoon (#90D7D2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#238A9C): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#225C39): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#01281C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Tempered Cerulean color palette (#FDEEE8, #7CE2EF, #008FBA, #00644D, #002647)
• Hushed Petrol color palette (#F2E7E0, #60C3DC, #0073A7, #004C42, #031435)
• Wandering Balcony color palette (#ECF8F5, #C4DBF6, #19BCC2, #00816D, #00353B)
• Worn Veranda color palette (#F6E2D8, #008A8B, #004351, #002112, #000103)
• Ash Drift color palette (#F7F1EA, #C5E7EB, #869BCC, #3A757E, #42303A)
• Aged Mallow Station color palette (#FFEAFE, #D1CFFF, #DFA6D2, #1F7586, #361D2E)
• Weathered Corridor color palette (#FFEBE1, #3BAFB6, #00627B, #003B29, #000C19)
• Ancient Cornflower color palette (#FAE9FA, #287ADE, #996000, #6E5900, #1F0B20)

Browse the whole catalog at Explore, or see today's palette.