Dusty Basin color palette — #FCF3F0 · #C0E3E9 · #A3D3BD · #7FB08B · #5F4B5F

A conversation between Sage and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Silver (#C0E3E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pistachio (#A3D3BD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#7FB08B): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5F4B5F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Basin 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

• Teal Quarry color palette (#F8F5EF, #C6DCE0, #9DC9EE, #49A58C, #395448)
• Antique Corridor color palette (#EEF8F0, #93E4F1, #FAB0B5, #4EBACA, #694136)
• Powder Harbor color palette (#FDF3EA, #C1EBDC, #96B0F0, #389D99, #3E315D)
• Stone Harbor color palette (#E6FCEA, #83D7E1, #F1A999, #C8986B, #334838)
• Patina Turquoise color palette (#F5F0F5, #D1D3ED, #5FA7C4, #487853, #27374A)
• Weathered Cocoa color palette (#FEF3EA, #E6D7C0, #D2AE90, #AC897C, #554700)
• Powder Station color palette (#DEFFEA, #B5F0FC, #7FC8DD, #4E94A4, #003C47)
• Cobalt Boulevard color palette (#ECDED8, #70ACB4, #007EAE, #00613B, #000429)

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