Patina Azure color palette — #EDF8F4 · #E7D3CE · #BEC1B0 · #199CDC · #283933

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Bone (#E7D3CE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Stone (#BEC1B0): A luminous, dusty green — the color of fresh herbs.
• Cerulean (#199CDC): A luminous, balanced blue — the color of open sky before noon.
• Deep Forest (#283933): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Timeworn Periwinkle color palette (#EFF6FD, #D8D8E7, #BAA7AD, #61ABEA, #36414C)
• Teal Garden color palette (#F2F7F1, #C4DCE5, #BCB9C3, #00A8A0, #2C392A)
• Cobalt Cabin color palette (#EFF7F5, #E4D3CD, #D1B39E, #427BAE, #12221E)
• Patina Petrol Field color palette (#EEF6FE, #D9D8EC, #B2BCD4, #0071AB, #34414D)
• Timeworn Violet color palette (#FDF2F6, #E4D8D3, #ADB69B, #9164C5, #351B26)
• Dusty Lilac color palette (#E7F9FF, #E1D6F1, #BD8CC8, #5C754A, #264826)
• Pale Moss color palette (#FFF3E7, #F0D781, #879E00, #5168A5, #392D00)
• Hushed Fuchsia Alley color palette (#FFF0FD, #D1D7E9, #C8B5BC, #DE86FF, #24284F)

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