Abyss Pier color palette — #F5ECDD · #50899F · #004162 · #002224 · #00091B

Built around Navy, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#F5ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Storm Blue (#50899F): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#004162): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00091B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Abyss Pier 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

• Timeworn Denim Atelier color palette (#F2E8D9, #5E98B4, #004D7E, #002F34, #000F3A)
• Cobalt Lantern color palette (#E1EFEE, #6AAAC5, #007EAF, #005B69, #000A16)
• Velvet Coast color palette (#D5F8F3, #007069, #003632, #12171D, #000B09)
• Timeworn Petrol color palette (#D9F0EA, #35ACB2, #00749A, #00391E, #000F0F)
• Nocturne Garnet color palette (#D9E4CE, #006049, #700052, #00281C, #11000A)
• Sapphire Studio color palette (#F5EDE1, #8BB6DE, #3062C4, #004D60, #242855)
• Charred Fern Meadow color palette (#EEE8DA, #5B5E0C, #342B00, #190E00, #020400)
• Cerulean Study color palette (#F9F4EC, #ADD0AF, #00879B, #00624E, #1C4333)

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