Pine Bloom color palette — #F9F3F8 · #B5DBEA · #49A0CC · #00814E · #233963

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#B5DBEA): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#49A0CC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00814E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#233963): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Washed Terrace color palette (#FBF2F7, #D3DEF8, #80A7D9, #008E7B, #43436B)
• Cornflower Lantern color palette (#F4ECF0, #A1CAE7, #4F85DC, #006D62, #2D225B)
• Hushed Basin color palette (#EFF8F0, #A0F0F8, #46C3E4, #469D8C, #133F55)
• Hushed Cerulean color palette (#FAF4EB, #ADCFB3, #0086A1, #006154, #113F56)
• Antique Teal color palette (#D6E7D8, #60C3A2, #009498, #006585, #124168)
• Worn Lagoon Field color palette (#E7F9FF, #C9E3FF, #D8B0EA, #4B9A6C, #244658)
• Washed Cerulean Corridor color palette (#EAF8FF, #6EC8E6, #0096B6, #005972, #002731)
• Coral Quarry color palette (#E0F2F9, #3ABBC9, #D97463, #00818C, #5D1C13)

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