Airy Cobalt Coast color palette — #F6EBF3 · #98CEDD · #298DD3 · #006F54 · #212956

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EBF3): a clean, paper-quiet neutral.
• Sky (#98CEDD): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#298DD3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F54): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#212956): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Airy Cobalt Coast 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

• Worn Parlor color palette (#FBF2F7, #BCD9EB, #6297DD, #007E6D, #37365A)
• Timeworn Hollow color palette (#FEF3ED, #B5F1FF, #249AE2, #006D4F, #131B3C)
• Dusty Sapphire color palette (#F4E8ED, #85B9DA, #476ED0, #005956, #250B4D)
• Worn Atelier color palette (#F4EDE3, #7DBDCD, #007297, #00504D, #04304F)
• Antique Petrol Courtyard color palette (#EAE2EA, #65B0B4, #007093, #004E24, #001231)
• Lagoon Lagoon color palette (#F9F3F7, #D8D5E6, #92B5D8, #4E9682, #46526E)
• Patina Ultramarine Harbor color palette (#F6E7EE, #639AB6, #044FBA, #003C36, #0B0027)
• Indigo Thicket color palette (#F4EFFF, #FFC8C6, #CBA968, #7665BF, #4B212E)

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