Weathered Cerulean color palette — #EFF8F0 · #A6F5FF · #00A2C5 · #006B5E · #002133

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sea Foam (#A6F5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A2C5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006B5E): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Loft color palette (#EEF8F0, #D3DFFC, #4A94E7, #006878, #111C3C)
• Washed Turquoise color palette (#E7F2E9, #39B1D6, #005B85, #002B2C, #000104)
• Lagoon Pier color palette (#E6F9FF, #D9DCE7, #BCCBFF, #2E8D8C, #042435)
• Worn Garden color palette (#F7EAF4, #99E1EA, #3EB3DE, #1B9373, #002F55)
• Dusty Cobalt color palette (#EEF8F0, #87D8FC, #0081C6, #005056, #000B25)
• Hazy Teal Meadow color palette (#83FBDE, #00C1BC, #00838B, #005A6B, #001E2B)
• Airy Atelier color palette (#E8F8FF, #00BFD6, #EE5759, #00707E, #350105)
• Peony Courtyard color palette (#EAF8FF, #00A3C0, #C44BAA, #7D6A00, #000F14)

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