Quiet Cobalt color palette — #FFF0FE · #4C7FD5 · #76751F · #575610 · #3C2D3B
A conversation between Azure and Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Azure (#4C7FD5): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#76751F): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#575610): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#3C2D3B): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Washed Indigo color palette (#FFF0F7, #7162C4, #735A00, #513F00, #1E2C21)
- Weathered Cerulean Cabin color palette (#E0FDF0, #008CBE, #956530, #70491D, #1E392F)
- Worn Canyon color palette (#FFF1F6, #A27ACF, #7D8455, #5D6434, #48383E)
- Worn Azure color palette (#EDF6FF, #5BA6DD, #889851, #69753D, #203547)
- Bronze Ridge color palette (#E2F8EE, #3E90BA, #996A26, #036148, #061F17)
- Wandering Iris Summit color palette (#F7F7DD, #9388E7, #905276, #185B3F, #4F343D)
- Misty Terrace color palette (#E2E1FF, #6C1EFB, #526000, #384200, #1E1741)
- Ancient Pewter color palette (#FBF2F6, #E5D8D4, #CEBCB1, #756D99, #4F4449)
Browse the whole catalog at Explore, or see today's palette.