Scarlet Basin color palette — #F9DAF2 · #F52318 · #008D68 · #00684C · #3F0604
A conversation between Scarlet and Fern, giving this palette its sense of warmth and comfort.
The five colors
- Blush (#F9DAF2): A whisper-light, dusty pink — the color of a candy shop window.
- Scarlet (#F52318): A luminous, vivid orange — the color of autumn markets.
- Fern (#008D68): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00684C): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#3F0604): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.
Use it as a design system
One click turns Scarlet 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
- Muted Peony Field color palette (#F4DAFB, #FF4885, #007A44, #005D56, #3B091A)
- Tempered Amber color palette (#FFD8E7, #C16F00, #00888B, #006567, #311800)
- Patina Ember Harbor color palette (#FFF2EC, #FD461F, #768800, #005E76, #200200)
- Plum Balcony color palette (#FFDBD3, #C0004E, #006A42, #004453, #410015)
- Chalky Ember Villa color palette (#FFF0F8, #EE6600, #0096B2, #007288, #44200D)
- Gentle Rose color palette (#F8DFF3, #FC2F2B, #00787A, #004492, #00224F)
- Peony Lantern color palette (#EFDCFF, #EB009E, #7D7D00, #5C5C00, #3C0426)
- Chalky Meadow color palette (#F2DCF6, #FF91A5, #009B6E, #0088A0, #3C0817)
Browse the whole catalog at Explore, or see today's palette.