Pine Bloom color palette — #FEF1FA · #CEDAF1 · #59B3D4 · #168261 · #14304A

A conversation between Teal and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Powder Blue (#CEDAF1): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#59B3D4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#168261): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#14304A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Bloom 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

• Emerald Summit color palette (#F9F3F9, #BCE8F8, #72BDE0, #4CA06B, #213A61)
• Washed Azure color palette (#FDF2F7, #C6ECFF, #5196DC, #006A68, #141A3E)
• Timeworn Denim Hollow color palette (#EEE0EA, #5AB1BD, #005D7B, #002C21, #000104)
• Washed Cerulean color palette (#FAF4EB, #B3CDB7, #00869F, #006152, #084057)
• Aged Glacier Delta color palette (#FAF2F8, #D3D5E5, #95D8EB, #679D9D, #3A5062)
• Fuchsia Meadow color palette (#F6F3FF, #EB6DE0, #60AA63, #3B9164, #1E162E)
• Muted Ultramarine color palette (#FAE9F0, #6EC2EF, #0064C7, #003E3F, #020013)
• Patina Cobalt Thicket color palette (#FDF1FA, #6EDEF4, #0084B7, #005345, #000C23)

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