Pine Basin color palette — #DDF3F0 · #408941 · #004754 · #023E08 · #000406

A conversation between Olive Leaf and Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DDF3F0): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#408941): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004754): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Forest (#023E08): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000406): a grounded near-black with real depth.

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

• Softworn Cypress Bloom color palette (#D7EBEB, #007B5A, #003755, #002F20, #000205)
• Wandering Pier color palette (#D7E8DD, #8B7500, #004D22, #3C3100, #000501)
• Ancient Onyx Summit color palette (#EDE5D3, #00785F, #004550, #440033, #001B19)
• Worn Denim color palette (#E1F7F9, #00A58D, #00559B, #005346, #001228)
• Hushed Aubergine Garden color palette (#DFEEF7, #0097B9, #622F94, #00495B, #0B0A20)
• Navy Orchard color palette (#D9E9EE, #00686C, #1F0079, #002324, #000010)
• Worn Clover Veranda color palette (#D2E9EE, #4BBD61, #009691, #005B79, #00191B)
• Midnight Aubergine color palette (#D1F4F0, #006027, #380078, #3C0014, #0C0900)

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