Quiet Cobalt color palette — #EEF6FF · #8FC3FF · #53BF7C · #2678CB · #003117
Azure takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#8FC3FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Jade (#53BF7C): A luminous, balanced teal — the color of sea glass.
- Azure (#2678CB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003117): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Mustard Harbor color palette (#E7F9FF, #4CD4E2, #B3AA2B, #008690, #2C2900)
- Soft Corridor color palette (#F2F5FF, #B0A4FF, #00B0AE, #7325FA, #002424)
- Gentle Cornflower Market color palette (#E4F0FF, #95C1FE, #F6A856, #2E84F3, #4F2C00)
- Worn Pier color palette (#EFF6FF, #DED8E2, #B9AFA7, #6A8FBE, #293650)
- Periwinkle Courtyard color palette (#EFF6FF, #75A6F8, #BC7ABD, #009090, #0A1A37)
- Quiet Meadow color palette (#EBF7FF, #3FD1FE, #CD88DA, #0083A4, #3A1641)
- Quiet Indigo Delta color palette (#F0F5FF, #A9BBFF, #EA8293, #586AD5, #48111E)
- Navy Ridge color palette (#E3EFFF, #5091F1, #009161, #0047A2, #000B05)
Browse the whole catalog at Explore, or see today's palette.