Pine Bloom color palette — #F2F8EA · #23874D · #1B5C8A · #0B4870 · #3B2315

A conversation between Fern and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F8EA): a clean, paper-quiet neutral.
• Fern (#23874D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#1B5C8A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0B4870): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3B2315): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Olive Workshop color palette (#F7F6E7, #69883E, #4C6820, #194075, #3C2814)
• Muted Lagoon Parlor color palette (#F0F9E8, #269375, #006188, #6B2D3B, #26301D)
• Powdered Archive color palette (#DCFDE9, #006E7B, #004761, #40006C, #1C1900)
• Linen Aubergine color palette (#E9F5EF, #737E2F, #1E609A, #662667, #200716)
• Dusty Dune color palette (#FFF2D5, #A6B074, #4C885D, #005A53, #004051)
• Sunlit Parlor color palette (#E6FCEC, #006E7D, #36419A, #542500, #042211)
• Aged Mulberry color palette (#FFF2ED, #989D5E, #107A73, #6E3760, #3D3E37)
• Hushed Denim color palette (#FAF5E6, #928B3F, #545BA1, #6D3244, #522117)

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