Quiet Amber color palette — #DEFFE5 · #B97F00 · #5C6700 · #004879 · #423400

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEFFE5): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#B97F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5C6700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004879): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#423400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Soft Bronze color palette (#DFF6E3, #998600, #376828, #27397D, #073A2B)
• Ember Station color palette (#FFF4DE, #DD6118, #7A5A00, #004E5C, #512A00)
• Chalky Navy color palette (#E3FDE7, #9F7600, #00695B, #2F3189, #5F001F)
• Feathered Aubergine color palette (#FFECF3, #D87039, #566B00, #441C8E, #291800)
• Olive Hollow color palette (#E1FEEA, #FFB981, #C4A100, #568B00, #3C3A00)
• Tempered Pine Grove color palette (#E7FAF4, #81B27C, #007D51, #724325, #274224)
• Misty Aubergine Drift color palette (#FFF3E8, #F1875D, #7E8F13, #612DAF, #4C2E00)
• Misty Delta color palette (#ECE4D4, #6A6B00, #004A1E, #1F006C, #111A00)

Browse the whole catalog at Explore, or see today's palette.