Weathered Cerulean color palette — #F6F1E9 · #CDE3CE · #3D9CAF · #006F5A · #0F3426

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Celadon Mist (#CDE3CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#3D9CAF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F5A): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#0F3426): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Timeworn Canyon color palette (#F6F1E9, #BDE8D3, #5894C0, #006B72, #3A223A)
• Patina Meadow color palette (#F7F1E8, #B0D1BC, #0087B5, #005C59, #00271F)
• Tempered Basin color palette (#F3E9D9, #2D99AA, #005168, #002C28, #00050B)
• Turquoise Market color palette (#EFF8F0, #B5F2F4, #66B2C3, #4D8777, #314B5C)
• Hushed Corridor color palette (#FFEDEF, #B572AF, #9B7B00, #007988, #2D171A)
• Navy Station color palette (#EEE8DD, #427EAB, #00377F, #001E26, #01000C)
• Feathered Mulberry color palette (#FFECF0, #C48DCA, #5DA156, #8B4194, #272A03)
• Dusty Boulevard color palette (#FFEDEE, #E4D3C8, #FCAEA7, #82689B, #412A2A)

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