Pine Basin color palette — #D8F8F4 · #00812A · #005A8A · #00360C · #000103

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

The five colors

• Honeydew (#D8F8F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#00812A): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#00360C): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Washed Forest Pier color palette (#D7F4E1, #00663B, #004E62, #3E3000, #000201)
• Faded Archive color palette (#CCEDEF, #007E5E, #1B3AD1, #003425, #00000C)
• Wandering Bronze color palette (#DCF0E1, #846600, #00625C, #372900, #000201)
• Worn Coast color palette (#CFEBF3, #009091, #756800, #004546, #010100)
• Muted Emerald Corridor color palette (#CFE8D1, #009940, #004E18, #0B191B, #000801)
• Charred Aubergine color palette (#E9EADB, #2B5A00, #58007D, #0E2500, #030005)
• Indigo Grove color palette (#D4F5FC, #00A89E, #6F55FF, #005A54, #070025)
• Pale Fern color palette (#D6F2D9, #76CAA4, #009C8A, #2B5900, #000201)

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