Abyss Harbor color palette — #D9E9E8 · #A9C0C2 · #7099A5 · #004926 · #000201

Built around Forest, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Frost (#D9E9E8): a clean, paper-quiet neutral.
• Ash (#A9C0C2): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7099A5): A luminous, dusty blue — the color of deep harbor water.
• Forest (#004926): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Abyss 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 Drift color palette (#E8EFF4, #C5D2DD, #90A8C9, #00566B, #000306)
• Hushed Grove color palette (#E4E6DC, #83937E, #567364, #00340C, #010100)
• Tempered Terrace color palette (#D5E2E1, #95A2AD, #7C89A6, #00782B, #000C0B)
• Clover Parlor color palette (#BBE9EE, #63C26B, #009C84, #006172, #000202)
• Onyx Field color palette (#DAEDE6, #3A9193, #005B83, #43002B, #050000)
• Lagoon Market color palette (#EFF7F8, #D4DDE6, #B6C3D9, #008A75, #042327)
• Nocturne Pine color palette (#D5F4DB, #00764F, #00393D, #1C0019, #000201)
• Jade Loft color palette (#EAF8F9, #D2DCE4, #BBAFB5, #00AB7E, #173B3D)

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