Tempered Harbor color palette — #FFF4E2 · #D2C500 · #00BE34 · #5F6CDE · #313A06
Built around Clover, softened by Cornflower Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Saffron (#D2C500): A luminous, vivid green — the color of new leaves after rain.
- Clover (#00BE34): A luminous, vivid green — the color of a quiet forest floor.
- Cornflower Indigo (#5F6CDE): A full-bodied, vivid violet — the color of wild irises.
- Forest (#313A06): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Energy. Tagged retro, vibrant.
Use it as a design system
One click turns Tempered 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
- Washed Violet color palette (#FFF4E2, #ADD14F, #00B982, #8160D5, #223E18)
- Dusty Mustard color palette (#FFF4E2, #FEAE2F, #9FA600, #0081C6, #443300)
- Gentle Lapis color palette (#ECDCC2, #A6B52C, #00A25F, #6153BA, #272500)
- Wandering Lime color palette (#FBF5E0, #BBC100, #00ACBB, #8459C8, #5E0B00)
- Mustard Basin color palette (#FFF0F8, #EFB505, #06A06B, #6A3E8E, #003022)
- Mint Basin color palette (#FFF4E2, #51E089, #00B4B1, #A554B0, #01402F)
- Airy Moss color palette (#F7EBD7, #55B12A, #008A76, #6D3497, #001C0A)
- Plum Parlor color palette (#F8E1BE, #00CEA4, #00A0B5, #B0288D, #00312C)
Browse the whole catalog at Explore, or see today's palette.