Weathered Scarlet color palette — #DEFDF4 · #7CC0FF · #E64330 · #827A00 · #122B11

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

The five colors

• Ivory (#DEFDF4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7CC0FF): A luminous, balanced blue — the color of deep harbor water.
• Scarlet (#E64330): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#827A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#122B11): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Worn Ember color palette (#FFF0FC, #85AFFF, #E46800, #678414, #022813)
• Peony Orchard color palette (#E3FDEB, #30D2F0, #E2408C, #A26F00, #002B1A)
• Peony Summit color palette (#FFF0FA, #A4B0FF, #F6548F, #926F00, #003A2C)
• Weathered Dune color palette (#FFF0F7, #C2B3FF, #B58100, #008B4F, #00271C)
• Periwinkle Pier color palette (#D9FFF5, #539CFF, #9D5300, #664F00, #1F2501)
• Patina Alley color palette (#FFF4E2, #A8BEFF, #BA80E3, #9F7100, #4A283D)
• Raspberry Ridge color palette (#F3F4FF, #AE81F8, #C03E98, #5C5500, #001217)
• Muted Atelier color palette (#FADAEC, #726FFF, #A15B00, #176808, #000904)

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