Patina Coast color palette — #E9F4F3 · #C5E1F2 · #6495AF · #006A79 · #152E42

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F4F3): bright and airy, almost weightless.
• Powder Blue (#C5E1F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6495AF): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006A79): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#152E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina 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

• Wandering Cypress Villa color palette (#E0F1ED, #68AAA8, #00656A, #003A32, #000D11)
• Softworn Denim color palette (#DAF3F2, #4D92BA, #004D7B, #002A36, #00040F)
• Cobalt Meadow color palette (#EAF4F4, #ADCBE7, #517FB1, #005774, #0A1F42)
• Worn Cypress color palette (#FCF3EE, #CBE3D7, #608FBB, #00716C, #5A3C54)
• Iris Meadow color palette (#EEF1FF, #9080C9, #B1647E, #007698, #181B36)
• Lagoon Harbor color palette (#FBF2F7, #D7D4E0, #91C0EB, #33938C, #313F58)
• Shell Pier color palette (#F0F0FF, #EAD4DF, #F4B3BE, #746FA0, #34324A)
• Indigo Coast color palette (#E8EEFF, #9CA7EE, #7572C2, #4E4383, #312648)

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