Misty Amber color palette — #FDEFE1 · #BB7E3B · #36734D · #00456D · #330B2F
A conversation between Caramel and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#FDEFE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Caramel (#BB7E3B): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#36734D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00456D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#330B2F): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
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
- Antique Orchard color palette (#FFEEE5, #C17765, #616C18, #004B4E, #1B173E)
- Feathered Driftwood color palette (#F7F1E4, #9D8E43, #007374, #43356D, #3D0703)
- Weathered Basalt Field color palette (#FDE7CE, #C7B99D, #8A8A74, #3B5E55, #432638)
- Softworn Apricot Grove color palette (#FFF1F5, #D39657, #559060, #00668A, #472955)
- Quiet Navy Workshop color palette (#F1DEBE, #8D6D00, #00594F, #1F0084, #230008)
- Frosted Olive color palette (#EDEFDF, #4A8E47, #005D7C, #4A1A5A, #270900)
- Deep Bronze color palette (#E7DCCE, #986C00, #33312A, #1C1409, #0A0502)
- Muted Pier color palette (#F7F2E3, #BAB589, #5D8058, #7E4320, #2A2814)
Browse the whole catalog at Explore, or see today's palette.