Tempered Harbor color palette — #F7E3F0 · #26C5F7 · #AAA800 · #1B3116 · #1D1809
Gold and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7E3F0): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#26C5F7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Gold (#AAA800): A luminous, balanced green — the color of new leaves after rain.
- Deep Forest (#1B3116): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#1D1809): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, 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
- Muted Clover color palette (#FBDDDC, #4AC0FF, #35C214, #003025, #1A1B0D)
- Timeworn Marigold color palette (#E4DCE9, #00D0BB, #D59300, #32322B, #271F13)
- Jade Alley color palette (#FFE9E9, #ACA8FF, #00C075, #003835, #1E2313)
- Olive Atelier color palette (#FFE2FA, #00A0CF, #6F8400, #06190B, #060500)
- Washed Balcony color palette (#F2ECFB, #E29ED3, #B59800, #1E412D, #1A251E)
- Fern Lagoon color palette (#F6F6EC, #89A46E, #006C6D, #395B00, #0C1D0D)
- Aged Fuchsia color palette (#DFE7FF, #DB96FF, #A78000, #281900, #100C05)
- Lilac Hollow color palette (#FCE0D6, #AB8DFF, #00A7AA, #0E2833, #08180A)
Browse the whole catalog at Explore, or see today's palette.