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

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

The five colors

• Cream (#F9EAE5): 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

• Sunlit Cornflower color palette (#F5E9E0, #6CBBE2, #407FE7, #006E64, #160040)
• Tempered Petrol Terrace color palette (#DBECDE, #5CB1BA, #00728B, #004B41, #001623)
• Tempered Turquoise color palette (#F8EBE7, #BADEBD, #22B4E4, #3A9356, #072D59)
• Airy Rust color palette (#E3F1E2, #00A1A0, #CC5700, #007170, #1F0700)
• Sunlit Archive color palette (#C4E8EC, #77C4FF, #B789EF, #25864A, #001E2C)
• Azure Balcony color palette (#C3EBF8, #00ACE0, #0085A1, #004B5A, #000405)
• Patina Cerulean Field color palette (#ECDEEA, #3799A3, #00506F, #002E18, #000317)
• Powdered Station color palette (#D9ECEC, #008F92, #AE5B00, #745800, #000A0A)

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