Quiet Amber color palette — #EBF2FF · #9CACF9 · #AE9100 · #007C9A · #00313F
A conversation between Mustard and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBF2FF): bright and airy, almost weightless.
- Lavender (#9CACF9): A luminous, balanced violet — the color of wild irises.
- Mustard (#AE9100): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#007C9A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00313F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.
Use it as a design system
One click turns Quiet Amber 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 Amber color palette (#ECF2FF, #A3A8FF, #C8812A, #0079AB, #242259)
- Patina Corridor color palette (#E9F3FD, #77B7F7, #DE6A67, #00817D, #002C52)
- Antique Ultramarine color palette (#F1F0FF, #DAA3F9, #AB9608, #4953C5, #3C184D)
- Softworn Jade color palette (#FFF1F5, #A7D6BE, #7DB06E, #7A7DBA, #1A3E2E)
- Emerald Basin color palette (#FAF2F9, #BEE8F7, #6DBDE3, #34A364, #243B5D)
- Cerulean Balcony color palette (#D5E2FF, #CCC0E5, #C0A0B6, #568D9D, #23495C)
- Ancient Pine Lagoon color palette (#E9F3FF, #81B5F2, #CA71A3, #10872E, #002B56)
- Frosted Fuchsia Courtyard color palette (#ECE2FE, #F768DB, #C77100, #007293, #420038)
Browse the whole catalog at Explore, or see today's palette.