Tangerine Harbor color palette — #FFDDEE · #FB8230 · #9A8C00 · #007C46 · #490018
Built around Tangerine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Blush (#FFDDEE): A whisper-light, dusty rose — the color of pressed rose petals.
- Tangerine (#FB8230): A luminous, vivid gold — the color of old brass.
- Moss (#9A8C00): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007C46): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#490018): A deep, shadowed, balanced red — the color of a theater curtain.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine 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
- Marigold Station color palette (#D9EFD6, #E69300, #819600, #007A5C, #4A000E)
- Gentle Blush color palette (#FADEF8, #FF777E, #C07700, #626F00, #40003F)
- Airy Apricot color palette (#F9DCCD, #FE9131, #D07C00, #9B6300, #452F00)
- Washed Blush Alley color palette (#F6DFF8, #FF758B, #C97000, #6E6B00, #002D17)
- Chalky Mustard color palette (#CEF2DF, #B9AC00, #00A462, #007582, #371C00)
- Moss Quarry color palette (#D3EEE2, #919800, #008762, #005B6D, #1C0E00)
- Taupe Cabin color palette (#FDF2F5, #F4BA82, #ACAF63, #5A9672, #4E3954)
- Pale Rose color palette (#FFF2EF, #FF4F7F, #437C00, #004560, #001520)
Browse the whole catalog at Explore, or see today's palette.