Weathered Cerulean color palette — #F4E7E2 · #5AC2CC · #008EC1 · #007142 · #000F3A

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

The five colors

• Rose Water (#F4E7E2): bright and airy, almost weightless.
• Cyan (#5AC2CC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008EC1): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007142): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Azure Harbor color palette (#ECE0D9, #7DCDE6, #0E97F6, #008066, #171A42)
• Soft Sapphire color palette (#F4E6DA, #68A9CF, #386AE3, #005E59, #0C0025)
• Petrol Archive color palette (#DDE7DF, #68AFB6, #00728A, #004B40, #001623)
• Hazy Pine color palette (#CCEADD, #0088B9, #847500, #197C10, #000910)
• Worn Emerald Garden color palette (#F7ECE8, #9CE1E4, #00B4E8, #01974B, #112E53)
• Patina Cerulean color palette (#F4E8F1, #4898A0, #005169, #002D20, #00040D)
• Blush Basin color palette (#E0EDFF, #C9A9F1, #FA74A5, #008AA7, #131337)
• Gentle Aubergine Drift color palette (#CFF0F8, #008DC9, #0062CA, #4915B1, #250034)

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