Pine Market color palette — #FBF3F1 · #CDE4CC · #5295AB · #2A7334 · #553E59

Built around Olive, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Celadon Mist (#CDE4CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Storm Blue (#5295AB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#2A7334): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#553E59): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Pine Market 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 Cypress Delta color palette (#FAF4EF, #CBE6E5, #779CC7, #2C7E6D, #64495A)
• Wandering Lantern color palette (#FEF2ED, #B2CDB9, #1281B6, #006341, #263865)
• Dusty Summit color palette (#ECF4EE, #B6E6F1, #00A0AE, #136F52, #13303E)
• Feathered Ember color palette (#EFF9EB, #62B0A3, #C96A5D, #00766A, #682F27)
• Dusty Dune color palette (#E2E7BA, #6EBA9C, #00897C, #00626D, #2D4268)
• Timeworn Villa color palette (#E9FBEA, #C2E8EC, #C6B5E6, #428755, #395747)
• Aged Cerulean Atelier color palette (#E1FEE6, #81C9D0, #008698, #004D5B, #00343C)
• Dusty Denim color palette (#F4E0D9, #579CA2, #00516D, #003219, #001135)

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