Onyx Harbor color palette — #C7EAE8 · #004721 · #002051 · #000C28 · #050000

Midnight and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#C7EAE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Forest (#004721): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#002051): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000C28): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Onyx 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

• Basalt Meadow color palette (#E3F4E5, #4F3700, #002436, #060D1F, #020007)
• Eclipse Onyx Terrace color palette (#D0E8E9, #003823, #23003E, #130010, #030100)
• Cellar Fern Station color palette (#E9DEC4, #5B6B00, #004725, #00191A, #000204)
• Shadow Aubergine color palette (#C2E9E0, #2D5600, #440054, #22001E, #040001)
• Aubergine Orchard color palette (#F6D4E1, #563400, #210061, #1D0028, #030005)
• Twilit Navy color palette (#F5EAC0, #4B5A00, #003470, #23001F, #030100)
• Aged Hollow color palette (#DFEBD7, #006C53, #004650, #3F004C, #030100)
• Deep Abyss Canyon color palette (#D3F6EC, #164600, #48000D, #230003, #040000)

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