Weathered Basalt color palette — #F0F5FF · #C3FFD6 · #DBD7CD · #3A4700 · #23251C

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Honeydew (#C3FFD6): A whisper-light, balanced teal — the color of glacier melt.
• Bone (#DBD7CD): a clean, paper-quiet neutral.
• Deep Olive (#3A4700): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#23251C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Weathered Basalt 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 Courtyard color palette (#EDFFAB, #FFE7EC, #09FDEF, #324030, #192018)
• Cocoa Corridor color palette (#FFECCA, #DACCCF, #8C978F, #593B00, #221F1A)
• Seafoam Veranda color palette (#EFF9E8, #4EDFB9, #D49AB9, #A0728B, #2E3429)
• Teal Boulevard color palette (#F0F8EE, #1DCBBF, #C2849C, #845955, #2F291C)
• Weathered Harbor color palette (#FFE5C9, #F1C6FF, #00E7C7, #26331E, #040A02)
• Weathered Chartreuse Hollow color palette (#FFE7DF, #FFC8F3, #BBE674, #686760, #373630)
• Mint Field color palette (#FFDBD3, #B1D4FF, #4DDD90, #2B4D59, #2B3636)
• Lime Canyon color palette (#FFD8D6, #FFB0D4, #71D76B, #1A3633, #131D1C)

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