Quiet Tangerine color palette — #FFF0F9 · #E87647 · #8D7600 · #006826 · #5D022A
A conversation between Coral Clay and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Coral Clay (#E87647): A luminous, balanced orange — the color of autumn markets.
- Walnut (#8D7600): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006826): A full-bodied, balanced green — the color of fresh herbs.
- Mulberry (#5D022A): A deep, shadowed, balanced red — the color of late-summer berries.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Tangerine 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 Tangerine Archive color palette (#FFF0F9, #E77845, #907400, #1E6700, #003935)
- Bronze Study color palette (#FBF1FF, #E07397, #B85900, #5F5700, #4B065E)
- Gentle Aubergine Pier color palette (#ECDBEA, #D55853, #835B00, #4E149B, #3E0028)
- Bronze Archive color palette (#F4E1E7, #A16500, #475C00, #003C32, #280200)
- Patina Olive Grove color palette (#E6FCEA, #C39300, #528900, #006456, #003647)
- Airy Amber color palette (#FFEAE4, #FA8953, #DA6B00, #8D4C00, #553200)
- Hushed Moss color palette (#CCF2E3, #8A9600, #007C5D, #005063, #331F00)
- Pine Lantern color palette (#FFF1EB, #E7B48C, #B08C4A, #4C824F, #1B573D)
Browse the whole catalog at Explore, or see today's palette.