Basalt Coast color palette — #F9F5EA · #AFB48B · #3C8272 · #365F78 · #434700

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

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Sage (#AFB48B): A luminous, dusty green — the color of new leaves after rain.
• Teal (#3C8272): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#365F78): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#434700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Basalt Coast 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

• Aged Studio color palette (#FBF4EC, #BBAF8A, #5A7E56, #744969, #514100)
• Timeworn Lagoon color palette (#F5F6E9, #A3D1B4, #34A48B, #587C61, #3A4900)
• Lagoon Lantern color palette (#E8F5F2, #91C0A3, #388472, #2E5C6D, #122C2C)
• Worn Balcony color palette (#FAF5E8, #82A67F, #007362, #6A3B44, #35362F)
• Tempered Teal Meadow color palette (#E9FAF1, #BCE0BC, #7EBAAD, #7794AC, #294946)
• Wandering Cerulean Workshop color palette (#FFF0FA, #EDD4CC, #DFBB96, #4888B7, #64434C)
• Worn Cerulean color palette (#FCF3EE, #C5E5D5, #628DC2, #007262, #5B3D4F)
• Pine Pier color palette (#E5DFC7, #377C4F, #00413D, #002341, #001506)

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