Obsidian Harbor color palette — #CFEDE0 · #0B7035 · #00332E · #00182C · #000807
Built around Pine, softened by Midnight — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CFEDE0): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#0B7035): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#00332E): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00182C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Obsidian 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
- Midnight Fern Summit color palette (#DBF3E0, #506710, #00341E, #2C0222, #040700)
- Pine Corridor color palette (#D0F7F1, #008A5F, #005147, #00323A, #000804)
- Tempered Lagoon color palette (#E1E0C9, #549971, #007266, #004F6A, #000803)
- Patina Terrace color palette (#E3F3E5, #718422, #00532B, #481A3F, #181E00)
- Lowlit Aubergine Grove color palette (#EDEBFD, #4600A2, #1F3D00, #002619, #02000C)
- Wandering Fern Villa color palette (#EFE0E6, #9A8B51, #3F6100, #4D3058, #0A311D)
- Washed Navy color palette (#F6EBF0, #478AA6, #00397D, #00231E, #090126)
- Linen Aubergine Market color palette (#EBECFF, #6C269B, #493E00, #31004C, #080600)
Browse the whole catalog at Explore, or see today's palette.