Quiet Cobalt color palette — #FFF1F6 · #48C6C8 · #4D88D0 · #895627 · #224251

Azure and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Aqua (#48C6C8): A luminous, balanced teal — the color of shallow lagoons.
• Azure (#4D88D0): A luminous, balanced blue — the color of open sky before noon.
• Coffee (#895627): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#224251): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Sunlit Thicket color palette (#E3FDED, #4FC0E9, #7C79D5, #71640F, #2B3F53)
• Dusty Terracotta color palette (#FFF4E2, #84DBEB, #6B96C2, #904D4D, #1C382B)
• Aged Grove color palette (#FFF0FA, #7AC58C, #0097A9, #8B4E5B, #224347)
• Washed Seafoam Study color palette (#FFF3E8, #78DCD1, #89A5D7, #A67552, #294434)
• Worn Orchid color palette (#E8F9FC, #44BAAE, #A261B9, #745901, #3D3A00)
• Aged Lapis color palette (#CAF0D3, #00AAC7, #4C4BFF, #614900, #002D43)
• Dusty Ash Lantern color palette (#E4FAFF, #ACC6DB, #8F9BC1, #647B6A, #355543)
• Pale Turquoise color palette (#F2FADA, #00A8CA, #25709F, #5B416B, #2B4338)

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