Quiet Azure color palette — #FFF2EE · #BAFCFF · #00A9DA · #00783A · #002350
A conversation between Cyan and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Honeydew (#BAFCFF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00A9DA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00783A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002350): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Azure 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
- Faded Villa color palette (#FFF2EA, #D7E5FA, #459BFF, #007463, #201A50)
- Pine Cabin color palette (#FEF2EF, #CEDFF6, #63B2CE, #477D4E, #3B253E)
- Aged Turquoise color palette (#E6FAF6, #7AEFF4, #00C0D4, #00998D, #003A45)
- Frosted Petrol Lagoon color palette (#FFF0FA, #66CACF, #007A96, #00583D, #003657)
- Feathered Mint color palette (#D8FFDE, #00D0AD, #009797, #005D75, #002C4C)
- Linen Cobalt Loft color palette (#FFF2ED, #5EE1EE, #0085B5, #005530, #00082C)
- Hushed Loft color palette (#F4E0D3, #35B2D2, #005892, #002C21, #01000A)
- Emerald Courtyard color palette (#E0FFDE, #EBECF7, #DACCFF, #22964A, #003743)
Browse the whole catalog at Explore, or see today's palette.