Tempered Amber Harbor color palette — #FFF0F9 · #D2896B · #583D49 · #291823 · #090308
A conversation between Camel and Cocoa, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Camel (#D2896B): A luminous, balanced orange — the color of toasted spice.
- Cocoa (#583D49): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Onyx (#291823): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#090308): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered Amber Harbor 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 Apricot Corridor color palette (#F1DEEA, #EB8F6E, #5D785E, #53444E, #1B161C)
- Softworn Amber Corridor color palette (#EAFAEA, #C9923F, #374C3D, #152215, #0A0406)
- Timeworn Rust color palette (#F1E0D5, #BC4E20, #35302A, #1F120A, #0B0504)
- Moss Study color palette (#E1FDF3, #7F9600, #143D36, #00140E, #000201)
- Eclipse Cocoa color palette (#F9DAE8, #783A00, #4F4A00, #1A1C12, #0B0400)
- Softworn Coral Terrace color palette (#E9FBE9, #E5B063, #83BB7B, #D66B7F, #1A321B)
- Amber Drift color palette (#EBFAEB, #F9CC8C, #EE9BD7, #B77C00, #4F2945)
- Amber Garden color palette (#FFF1F6, #FFD6B2, #D29544, #926700, #493600)
Browse the whole catalog at Explore, or see today's palette.