Tempered Harbor color palette — #F4F7E5 · #00C33D · #006699 · #005F19 · #000201
Clover and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00C33D): A luminous, vivid green — the color of fresh herbs.
- Peacock (#006699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F19): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, 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
- Ultramarine Lagoon color palette (#F1F9E5, #00BF84, #0C54CD, #005C3E, #030003)
- Chalky Moss color palette (#FAF6E2, #A1AC00, #006E6E, #4D5300, #000200)
- Gentle Grape color palette (#ECFAEA, #00BAB3, #7126D1, #005A56, #040002)
- Muted Grove color palette (#CBE7D3, #00B299, #007381, #003448, #000415)
- Patina Dune color palette (#FFE8E3, #00A089, #005C81, #570012, #000505)
- Washed Market color palette (#EBFBE1, #00E2C0, #765BFF, #007D69, #050003)
- Aged Cornflower color palette (#F0F0E1, #7AC03B, #4975FC, #4D8900, #0A0009)
- Pine Grove color palette (#DBEFEE, #068D53, #004659, #003D20, #000407)
Browse the whole catalog at Explore, or see today's palette.