Pine Basin color palette — #DCE2CC · #007C3D · #003F68 · #2B0021 · #020100

Olive and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DCE2CC): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#007C3D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003F68): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#2B0021): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark, muted.

Use it as a design system

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

• Olive Alley color palette (#EDE9CC, #5F7000, #00444C, #1C003F, #040000)
• Shadow Market color palette (#D4F3F1, #005A2A, #002D46, #260028, #110400)
• Nightshade Courtyard color palette (#E2F1DD, #00786D, #2C00AC, #2F000F, #020100)
• Worn Lagoon Market color palette (#DCF4EB, #009580, #005D5C, #00252A, #000102)
• Wandering Alley color palette (#F4EDE3, #6FC8C9, #007485, #003F31, #000305)
• Tempered Aubergine Dune color palette (#DEF2E5, #399E93, #007389, #5B0C56, #1E0006)
• Muted Forest color palette (#E6E2C7, #6E9C64, #005D38, #273000, #000200)
• Antique Balcony color palette (#FDEDD7, #A97500, #006AA2, #6F2C00, #110400)

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