Scarlet Coast color palette — #F4E7F1 · #D02800 · #006E50 · #004B77 · #050004

Brick and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4E7F1): bright and airy, almost weightless.
• Brick (#D02800): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#006E50): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004B77): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Dusty Rust color palette (#FFE6F4, #C15400, #006D6B, #2A429C, #060002)
• Airy Crimson color palette (#F7E3F9, #E7005A, #007B33, #004E6A, #040008)
• Gentle Alley color palette (#DBECDE, #D36500, #7F6500, #005063, #140800)
• Deep Terracotta Studio color palette (#EFDDEA, #A2001A, #00444F, #00282F, #000010)
• Aubergine Balcony color palette (#D4EED7, #9F7000, #007183, #4C1A96, #070001)
• Faded Raspberry color palette (#EBE6F4, #D400B1, #516E00, #005050, #02000D)
• Amber Ridge color palette (#F4D7CD, #CF7100, #9A6600, #574700, #0C0E00)
• Pale Quarry color palette (#FFE2F5, #FE6333, #00A090, #0067C8, #2E0423)

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