Amber Field color palette — #FFF3E8 · #E17600 · #008A54 · #00613A · #160827
A conversation between Tangerine and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Tangerine (#E17600): A luminous, vivid gold — the color of afternoon light on wheat.
- Fern (#008A54): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00613A): A full-bodied, balanced teal — the color of sea glass.
- Ink (#160827): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Amber Field 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
- Ancient Amber color palette (#FFF3E7, #D67B00, #00858F, #005A61, #160308)
- Timeworn Alley color palette (#FFF2EF, #FF7498, #008E41, #00662C, #001528)
- Muted Thicket color palette (#FFF2EB, #CD4A00, #006D75, #004449, #040002)
- Blush Terrace color palette (#FFF2F0, #FF62A4, #008F96, #00565B, #00141D)
- Rust Quarry color palette (#FFF0FA, #B84319, #315D00, #003B61, #400D1D)
- Amber Corridor color palette (#FFF1F6, #FFC5B8, #DC8100, #695C00, #062C01)
- Feathered Coral color palette (#FFF2EC, #FF8579, #008F9A, #0F4E9D, #001F4C)
- Tempered Basin color palette (#FFF3E7, #D07900, #3E3F11, #211102, #040100)
Browse the whole catalog at Explore, or see today's palette.