Weathered Moss color palette — #CBF0F2 · #A19800 · #007F6B · #004885 · #001111
Moss and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#CBF0F2): A whisper-light, dusty blue — the color of deep harbor water.
- Moss (#A19800): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007F6B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004885): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#001111): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Weathered Moss 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 Pine color palette (#C8F3ED, #BE8100, #148117, #004D5C, #00110D)
- Moss Harbor color palette (#CCECF8, #4CA500, #007681, #4C32AA, #000911)
- Aged Emerald Coast color palette (#DAEBCF, #00A168, #007969, #005458, #000202)
- Softworn Navy color palette (#E4EBDE, #008071, #0C4681, #4A150C, #241000)
- Softworn Cypress Workshop color palette (#D2F6E0, #00786D, #004149, #00263C, #000E39)
- Washed Cerulean Lagoon color palette (#F2DEED, #23A0B5, #004E78, #003121, #070D39)
- Hushed Lapis color palette (#E1FBFF, #B1CD00, #00A99F, #494FFF, #003338)
- Tempered Lime Cabin color palette (#D6E6CB, #A3C334, #00BA87, #0099C7, #000B0A)
Browse the whole catalog at Explore, or see today's palette.