Weathered Cerulean color palette — #FDEFE7 · #93D6D1 · #008B9F · #215C39 · #00281C

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

The five colors

• Cream (#FDEFE7): bright and airy, almost weightless.
• Lagoon (#93D6D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#008B9F): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#215C39): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00281C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Chalky Cerulean Veranda color palette (#FDEEE8, #83E1EE, #008FBB, #00644E, #002648)
• Pale Petrol color palette (#F7E5DB, #69C1DB, #0D72A8, #004C44, #021239)
• Wandering Lagoon Meadow color palette (#F2E5DF, #008A8C, #004352, #002112, #000103)
• Cypress Veranda color palette (#E9F9F5, #C4DBF6, #5AB7BB, #1B806D, #003443)
• Worn Turquoise color palette (#EFDED6, #26B0B8, #00627B, #003B28, #000C19)
• Weathered Ash color palette (#F7F1EA, #BDEEF5, #889BC8, #55745D, #42303A)
• Softworn Cobalt color palette (#F9E6CC, #CD9424, #0072B8, #704E00, #001E35)
• Linen Balcony color palette (#F1DDC3, #A56F00, #0671BF, #4D5493, #1F1000)

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