Misty Amber color palette — #D7F7EA · #A98700 · #607400 · #00613A · #000200
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7F7EA): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#A98700): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#607400): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00613A): A full-bodied, balanced teal — the color of sea glass.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Misty 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
- Softworn Villa color palette (#D5F1EF, #687C00, #007241, #004B4A, #000201)
- Ancient Amber color palette (#DEF3E3, #D56A00, #936E00, #2F5200, #030200)
- Dusty Canyon color palette (#F4EDCE, #E17100, #608000, #00565B, #000E01)
- Dusty Marigold Lantern color palette (#E4F0D1, #CD9D00, #789000, #00764E, #051100)
- Softworn Harbor color palette (#E0F0E2, #756900, #323B00, #2A1B00, #030300)
- Weathered Apricot color palette (#D4FBED, #FF8E46, #94A700, #007D7B, #000200)
- Tempered Pine color palette (#DDE1CE, #4A7546, #005549, #281945, #110012)
- Pine Archive color palette (#D8E6C7, #117313, #004020, #002217, #000403)
Browse the whole catalog at Explore, or see today's palette.