Pine Basin color palette — #FFF2EE · #96E5E3 · #50A1BD · #467A4C · #48314A

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#96E5E3): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#50A1BD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#467A4C): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#48314A): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Quiet Azure Studio color palette (#FEF2ED, #96EBF8, #00A7EC, #008759, #2D3E66)
• Patina Terrace color palette (#FCEBE1, #7AD3EE, #438BCD, #006E58, #252952)
• Dusty Powder Study color palette (#FAF4ED, #C5E2F6, #A3AEE1, #539295, #614B54)
• Washed Forest Lagoon color palette (#EAF9F5, #A6CCD6, #30868B, #006153, #0F4151)
• Lagoon Balcony color palette (#F6F6EB, #C2E3D9, #4BC6CE, #00A28D, #00434C)
• Tempered Fuchsia color palette (#FFD9E1, #E076FA, #15A08D, #308B48, #421F28)
• Softworn Oat Bloom color palette (#FFF1F5, #F3D2D0, #ECBC9A, #7B8EB9, #4F3133)
• Patina Terrace color palette (#EDDAD4, #41A3A6, #00617E, #003F19, #00091B)

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