Pine Basin color palette — #D8DEFF · #00829B · #007838 · #01100E · #000202

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#D8DEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#007838): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#01100E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Wandering Olive Bloom color palette (#F1E1EC, #0086AE, #737400, #091008, #020200)
• Muted Sapphire Harbor color palette (#F8EAFF, #2463FC, #007276, #070F13, #000203)
• Smoked Lagoon color palette (#FBE8FA, #006691, #565600, #060B06, #000201)
• Smoked Cypress Chapel color palette (#D7F9E9, #006F5B, #003731, #001415, #000304)
• Dusty Spruce Harbor color palette (#DEECEC, #81A1A3, #54787D, #00351C, #000C0C)
• Hazy Parlor color palette (#F8DCF4, #7782FF, #00919E, #0F1B29, #000A0F)
• Eclipse Harbor color palette (#D4EAE0, #715D00, #292831, #151600, #020300)
• Washed Studio color palette (#F3EAFF, #48AAFF, #00AA91, #152B38, #07181A)

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