Weathered Pine Veranda color palette — #D1E7F7 · #0F7D2D · #3B382F · #002230 · #000306

Olive and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D1E7F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Olive (#0F7D2D): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3B382F): a grounded near-black with real depth.
• Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Weathered Pine Veranda 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

• Midnight Ridge color palette (#CEE2F8, #007C4E, #001E3F, #1A141D, #00030A)
• Emerald Delta color palette (#CDEFDD, #289E10, #003E51, #00121A, #000201)
• Moonless Ridge color palette (#D1F1F5, #00473D, #3E1E00, #110D00, #000200)
• Weathered Denim Lagoon color palette (#EDF2F9, #9CD1B6, #406295, #1E324B, #0F141B)
• Washed Navy Chapel color palette (#DCE0EB, #999FB3, #757998, #29267B, #02040C)
• Worn Mulberry Bloom color palette (#F4EFFB, #E2A288, #744067, #3C1834, #0F0916)
• Twilit Balcony color palette (#D7E6F9, #004188, #600050, #00221B, #000105)
• Ember Workshop color palette (#CDE2F6, #E1612E, #002D4D, #0A0B14, #000104)

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