Quiet Cobalt color palette — #E3F2F2 · #9BC9F8 · #5887CC · #006590 · #1F2C4F
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#E3F2F2): a clean, paper-quiet neutral.
- Sky (#9BC9F8): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#5887CC): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006590): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#1F2C4F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Balcony color palette (#E1F3F0, #75D5E3, #0096B0, #006C6B, #003342)
- Tempered Petrol color palette (#E5F3E8, #91B5DA, #4365AD, #004D61, #262854)
- Worn Periwinkle color palette (#F5EDE2, #B4D7FB, #79A2F8, #008CAF, #26265A)
- Hushed Iris Balcony color palette (#FEF1F5, #D9DDFA, #7F8ADB, #00696E, #2A0B42)
- Dusty Azure Orchard color palette (#E6FAF7, #9AE9FF, #00ABD9, #00818A, #11455E)
- Dusty Petrol color palette (#CFEAE8, #5DACD6, #006CA6, #004859, #00142B)
- Antique Garden color palette (#CCE7CB, #CD8800, #009D7E, #875800, #003126)
- Soft Straw Boulevard color palette (#DEF9E3, #EADC8D, #B4BF7C, #997138, #1A3F29)
Browse the whole catalog at Explore, or see today's palette.