Pine Harbor color palette — #DDF8F8 · #6EB68E · #BC7E41 · #00784A · #3D1929
Built around Pine, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Ivory (#DDF8F8): A whisper-light, dusty teal — the color of sea glass.
- Jade (#6EB68E): A luminous, balanced teal — the color of sea glass.
- Caramel (#BC7E41): A luminous, balanced gold — the color of old brass.
- Pine (#00784A): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#3D1929): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns 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
- Antique Driftwood color palette (#E2F6FB, #5DB5B0, #A38C39, #007470, #302600)
- Hushed Coral Courtyard color palette (#DFF9EF, #A0AC62, #CA6E73, #616C00, #41181B)
- Olive Ridge color palette (#E0F8F3, #8BB176, #4498C1, #447322, #002B3E)
- Pewter Ridge color palette (#E2F9E9, #92B5A2, #817546, #34553C, #0D291F)
- Lagoon Lagoon color palette (#F0F9E6, #84C9AA, #D0975C, #00976D, #5F3807)
- Weathered Peony color palette (#F1F8EB, #5EB298, #B56BAC, #00775E, #573453)
- Muted Bronze Dune color palette (#D8EDE9, #009B8F, #8D6C00, #005951, #1E1400)
- Airy Dune color palette (#DEF7FC, #48B9AB, #8485C9, #00756A, #232149)
Browse the whole catalog at Explore, or see today's palette.