Weathered Pine Bloom color palette — #E9F6EC · #93A97A · #007752 · #653548 · #04221C

A conversation between Pine and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F6EC): a clean, paper-quiet neutral.
• Sage (#93A97A): A luminous, dusty green — the color of new leaves after rain.
• Pine (#007752): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#653548): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#04221C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered 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 Delta color palette (#FBEEF3, #AAA16D, #457321, #444167, #012314)
• Worn Drift color palette (#D6EEE5, #5F9D7B, #006261, #542448, #001616)
• Antique Cypress Market color palette (#E1FCF5, #6DAC7C, #007459, #3B4B69, #153D3B)
• Weathered Mint color palette (#FCF4E5, #9AC282, #3B9276, #825654, #36362F)
• Mulberry Hollow color palette (#EDE5F9, #C371A5, #008F81, #8F1A6E, #00221E)
• Taupe Alley color palette (#F5EEFF, #FFC8BC, #C2AB65, #715F91, #362137)
• Cobalt Boulevard color palette (#F9EEF4, #A6CEE6, #3F7DC8, #005D4F, #1D1B3F)
• Chalky Raspberry color palette (#E6E1F6, #B050AA, #007E81, #006775, #170E27)

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