Rose Coast color palette — #FFF2EE · #DF5C5A · #008158 · #005175 · #1E050D
A conversation between Scarlet and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Scarlet (#DF5C5A): A luminous, vivid orange — the color of sun-warmed clay.
- Teal (#008158): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005175): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#1E050D): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Rose 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
- Ember Thicket color palette (#FFF2E9, #E9680B, #007C7A, #31427D, #1D0707)
- Misty Tangerine color palette (#FFF2EA, #F38448, #4B8823, #005268, #280A36)
- Chalky Peony color palette (#FFF1F1, #E771B6, #557C00, #004D54, #1A0613)
- Dusty Nightshade color palette (#FFF3E6, #D07500, #006F72, #2F1AAE, #0B0002)
- Linen Cabin color palette (#FFEBF6, #A35628, #336100, #003C55, #100218)
- Apricot Station color palette (#FFF4E2, #FF9772, #A47400, #005C68, #321B06)
- Tempered Coast color palette (#FFF2EC, #BF0D00, #005944, #002747, #040000)
- Hushed Corridor color palette (#FFF2EA, #F08048, #759F31, #1282B7, #2E130F)
Browse the whole catalog at Explore, or see today's palette.