Quiet Cobalt color palette — #E9F6E9 · #A6DE97 · #00C8C5 · #007DCA · #001A1E
Built around Azure, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Cream (#E9F6E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A6DE97): A whisper-light, balanced green — the color of a quiet forest floor.
- Aqua (#00C8C5): A luminous, balanced teal — the color of sea glass.
- Azure (#007DCA): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#001A1E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, 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
- Feathered Indigo color palette (#E3F8EA, #89DFB9, #00C5D3, #6174FA, #001E2A)
- Antique Jade Grove color palette (#EDF6DF, #D6CA5A, #00C289, #0092AD, #002119)
- Gentle Turquoise Parlor color palette (#ECFAED, #5CE3CC, #00BDC5, #0085A2, #1A3521)
- Chartreuse Chapel color palette (#E6F9FF, #96E77C, #00D8D9, #5591F1, #003640)
- Patina Veranda color palette (#F6F1EC, #ACD1C2, #4B7EBC, #005B5D, #191B41)
- Powdered Amethyst color palette (#D7FCED, #00E0D4, #06A4F3, #7624FA, #000F2F)
- Turquoise Pier color palette (#CCEEEA, #17ABBD, #007798, #004075, #0E1B47)
- Muted Ultramarine color palette (#DEEADF, #00BB78, #009296, #1D26E0, #00070B)
Browse the whole catalog at Explore, or see today's palette.