Tempered Pine Harbor color palette — #F2F9DE · #00843D · #00515C · #3E0023 · #000200
A conversation between Fern and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Custard (#F2F9DE): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#00843D): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00515C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#3E0023): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Pine 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
- Ancient Loft color palette (#E6FCE8, #00797D, #005067, #420013, #000201)
- Timeworn Onyx color palette (#FDF4E2, #776600, #00514D, #43003F, #020100)
- Chalky Moss Ridge color palette (#FFE8E4, #849422, #006260, #540027, #000601)
- Cypress Cabin color palette (#E8F2DB, #007152, #2C353A, #00161B, #000201)
- Shadow Navy Hollow color palette (#E3E2CA, #415500, #0F0093, #390026, #020100)
- Aged Bronze color palette (#FFF0DE, #A76C00, #00537B, #401600, #030100)
- Moonless Navy Workshop color palette (#DFF4DF, #005554, #10007F, #180700, #000202)
- Hushed Clover color palette (#EEEAD7, #85B558, #006F51, #003A3A, #00070F)
Browse the whole catalog at Explore, or see today's palette.