Pine Bloom color palette — #FCF1FB · #D4D4E3 · #57B1DF · #1B8351 · #1D2E4D

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

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#57B1DF): A luminous, balanced blue — the color of open sky before noon.
• Fern (#1B8351): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D2E4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Periwinkle Field color palette (#FDF2F5, #D9D3DE, #91A3E1, #007F7F, #34244E)
• Dusty Corridor color palette (#F9F4ED, #CDE8D1, #61C1DB, #00A28C, #00405A)
• Periwinkle Dune color palette (#FFF0F7, #C6ECFF, #5F92DF, #006B5F, #1D1640)
• Antique Market color palette (#FFF0F9, #EB8765, #00A9BA, #008E9D, #2C0E24)
• Cerulean Dune color palette (#EBF5ED, #9DD1E3, #008AA5, #005D4F, #002434)
• Powder Corridor color palette (#F9F3F9, #D3D5E4, #ABC7EE, #769D7E, #3D4F64)
• Weathered Cobalt Study color palette (#FDF3EF, #B2CDB6, #0083B0, #006438, #4B2F4A)
• Denim Station color palette (#F0DFEC, #63B0BB, #005B83, #002D1A, #00000C)

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