Patina Basalt color palette — #D4F1FE · #9EBBD9 · #7783A2 · #6E5566 · #502E3A

Charcoal takes the lead with Sky close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D4F1FE): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9EBBD9): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#7783A2): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#6E5566): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#502E3A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Driftwood Veranda color palette (#E8F3FF, #B8C3DF, #8C8AA6, #5B6959, #34493E)
• Washed Spruce Dune color palette (#DEE2F9, #B89BC0, #7D6687, #35584B, #0A3013)
• Cobalt Villa color palette (#ECF2FF, #AEB5F3, #6772B4, #2F3873, #0F0C34)
• Iris Quarry color palette (#D1E2EE, #7A93D3, #775D9B, #673600, #292100)
• Muted Harbor color palette (#E3E6FF, #9E7CAE, #6C5A7B, #403B0C, #00211C)
• Cobalt Harbor color palette (#D6EBF7, #63A8DF, #4678B8, #354885, #242248)
• Tempered Cerulean Workshop color palette (#ECF4ED, #C4E2EC, #5299AA, #266C5C, #083045)
• Aged Courtyard color palette (#E7F6EF, #A4BC93, #53815E, #365C63, #062E28)

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