Obsidian Harbor color palette — #CDE7E8 · #5D6500 · #302A30 · #001A10 · #000302

Olive and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#CDE7E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5D6500): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#302A30): quiet, heavy and certain.
• Ink (#001A10): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

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

• Lowlit Pine color palette (#CEE1F1, #08823A, #3A2E2A, #002031, #00050B)
• Smoked Chestnut color palette (#DBEEF2, #88410A, #343138, #001915, #000201)
• Cypress Lagoon color palette (#DFF2F9, #00686E, #232A4E, #002225, #000205)
• Antique Moss color palette (#DAE4D0, #829000, #00573F, #001B11, #010200)
• Eclipse Lagoon color palette (#DAE8D6, #B05910, #00332E, #15161D, #000806)
• Spruce Basin color palette (#DBE3E7, #8D9CA6, #607383, #00313A, #000B12)
• Aged Market color palette (#E2FBFD, #98AD40, #005546, #002E25, #021622)
• Navy Bloom color palette (#CCF1F8, #00413B, #061C70, #161300, #000202)

Browse the whole catalog at Explore, or see today's palette.