Obsidian Pier color palette — #FDD9DC · #B20218 · #5C1C00 · #270E00 · #070500

A conversation between Ruby and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FDD9DC): A whisper-light, dusty red — the color of embers at dusk.
• Ruby (#B20218): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#5C1C00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#270E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, warm.

Use it as a design system

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

• Quiet Rust color palette (#FFE4E0, #CA533A, #9D3800, #632800, #0F0400)
• Nocturne Mulberry Studio color palette (#FEE8F4, #A20059, #650029, #2E0004, #150100)
• Antique Chestnut Harbor color palette (#F6DDC6, #914F00, #462400, #1C261F, #120600)
• Cocoa Canyon color palette (#F8E6DD, #833700, #004658, #391400, #00070B)
• Muted Orchard color palette (#EBDAD1, #C18F40, #6F6D09, #680B0B, #1A0B00)
• Midnight Aubergine color palette (#FFE4D2, #622F00, #003D32, #2D005F, #040100)
• Weathered Bronze Veranda color palette (#FDEBDD, #9D6600, #614700, #352D00, #072008)
• Chestnut Courtyard color palette (#EBE8FB, #008585, #805D00, #0E0F07, #030100)

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