Obsidian Pine Pier color palette — #CDE6E0 · #30784E · #004133 · #002327 · #000401

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

The five colors

• Silver (#CDE6E0): A whisper-light, dusty teal — the color of sea glass.
• Pine (#30784E): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004133): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002327): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

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

• Softworn Field color palette (#DFEFE1, #716A22, #303C00, #00222D, #030300)
• Muted Emerald Veranda color palette (#CDE9D9, #709C66, #005B4A, #002F45, #000200)
• Worn Coast color palette (#CCEDE9, #35AC83, #006A60, #004654, #001C11)
• Denim Dune color palette (#E5F5E8, #5B93A7, #004F73, #002B2C, #00040F)
• Frosted Pine Meadow color palette (#E2F8ED, #97B278, #217F36, #094E84, #162600)
• Antique Olive Boulevard color palette (#ECF4ED, #97BEA9, #6D7D40, #564E74, #142D21)
• Linen Basin color palette (#D5DEFB, #5748AA, #4E4C00, #2B0074, #030300)
• Midnight Aubergine Station color palette (#E4E1F3, #560BB1, #622D00, #00382C, #020008)

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