Pine Basin color palette — #DEFDF8 · #7BB288 · #007D53 · #005B6D · #1E4429

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

The five colors

• Ivory (#DEFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#7BB288): A luminous, balanced teal — the color of glacier melt.
• Teal (#007D53): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005B6D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#1E4429): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Washed Cypress color palette (#E7F9FA, #74A5AA, #137268, #1B5071, #073D42)
• Pewter Chapel color palette (#EEF8F1, #93BAA5, #74774A, #784B4F, #31493C)
• Gentle Pine Lagoon color palette (#E0F9EA, #93B471, #008049, #573D77, #002720)
• Emerald Coast color palette (#FEF5DC, #A2C97D, #00A060, #755B94, #2E411A)
• Pale Fern color palette (#D8F2E7, #829E3F, #396900, #7A1C00, #273300)
• Pale Atelier color palette (#F6F8D9, #8BE797, #3DC07E, #4E94A3, #3A3B34)
• Cerulean Bloom color palette (#ECF8F6, #9BDAEA, #008DB0, #00666B, #004661)
• Powdered Garnet Drift color palette (#E1F6E7, #837C34, #444900, #5B0020, #1E1B00)

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