Quiet Cobalt color palette — #F1F5FF · #A8B0FD · #C3A04B · #7177C6 · #284B33
Built around Periwinkle, softened by Camel — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#A8B0FD): A luminous, balanced violet — the color of a velvet chair.
- Camel (#C3A04B): A luminous, balanced gold — the color of honey in a jar.
- Periwinkle (#7177C6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#284B33): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Violet Hollow color palette (#F4F4FF, #C9A6E9, #97AF69, #946CB5, #3B481D)
- Cobalt Courtyard color palette (#EEF6FF, #86BDF4, #DF8E62, #3984CA, #61361E)
- Lime Chapel color palette (#FFF0FE, #BCD5FF, #A3CB61, #5F89D2, #303E1A)
- Ancient Amber color palette (#F1F5FF, #959EE6, #B19640, #888B46, #2D3750)
- Ultramarine Thicket color palette (#FDF1FA, #889ED6, #229F82, #435EB6, #124D3F)
- Timeworn Pewter Drift color palette (#FFF1F6, #AAC7AF, #AC8192, #8A5C4F, #2C4338)
- Frosted Mint color palette (#F0F5FF, #BBC9FF, #2FDBB8, #8297F5, #184B50)
- Grape Drift color palette (#DCE3FF, #B09FFF, #679E00, #6600DD, #203500)
Browse the whole catalog at Explore, or see today's palette.